/**
 * 删除
 * @param radio 画布大小比例
 * @param color 颜色
 * @returns 数据地址
 */
const RemoveImage = (radio?: number, color?: string) => {
    const r = radio || 1;
    const col = color || '#ffffff';
    const canvas = document.createElement('canvas');
    canvas.width = canvas.height = 40 * r;
    const ctx = canvas.getContext('2d')!;

    ctx.miterLimit = 4;
    ctx.fillStyle = col;
    ctx.scale(0.028, 0.028);
    ctx.translate(200*r, 200*r);
    ctx.beginPath();
    ctx.moveTo(800*r, 128*r);
    ctx.lineTo(224*r, 128*r);
    ctx.bezierCurveTo(170.976*r, 128*r, 128*r, 170.976*r, 128*r, 224*r);
    ctx.lineTo(128*r, 256*r);
    ctx.lineTo(896*r, 256*r);
    ctx.lineTo(896*r, 224*r);
    ctx.bezierCurveTo(896*r, 170.976*r, 853.024*r, 128*r, 800*r, 128*r);
    ctx.closePath();
    ctx.moveTo(632.32*r, 64*r);
    ctx.lineTo(646.432*r, 164.99200000000002*r);
    ctx.lineTo(377.568*r, 164.992*r);
    ctx.lineTo(391.68*r, 63.999999999999986*r);
    ctx.lineTo(632.32*r, 64*r);
    ctx.moveTo(640*r, 0);
    ctx.lineTo(384*r, 0);
    ctx.bezierCurveTo(357.6*r, 0, 333.024*r, 21.376*r, 329.344*r, 47.552*r);
    ctx.lineTo(310.624*r, 181.47199999999998*r);
    ctx.bezierCurveTo(306.976*r, 207.616*r, 325.6*r, 228.992*r, 352*r, 228.992*r);
    ctx.lineTo(672*r, 228.992*r);
    ctx.bezierCurveTo(698.4*r, 228.992*r, 717.024*r, 207.61599999999999*r, 713.344*r, 181.44*r);
    ctx.lineTo(694.624*r, 47.52000000000001*r);
    ctx.bezierCurveTo(690.976*r, 21.376*r, 666.4*r, 0, 640*r, 0);
    ctx.lineTo(640*r, 0);
    ctx.closePath();
    ctx.moveTo(816*r, 320*r);
    ctx.lineTo(208*r, 320*r);
    ctx.bezierCurveTo(172.8*r, 320*r, 146.59199999999998*r, 348.672*r, 149.792*r, 383.744*r);
    ctx.lineTo(202.208*r, 960.256*r);
    ctx.bezierCurveTo(205.376*r, 995.328*r, 236.8*r, 1024*r, 272*r, 1024*r);
    ctx.lineTo(752*r, 1024*r);
    ctx.bezierCurveTo(787.2*r, 1024*r, 818.624*r, 995.328*r, 821.792*r, 960.256*r);
    ctx.lineTo(874.2080000000001*r, 383.744*r);
    ctx.bezierCurveTo(877.408*r, 348.672*r, 851.2*r, 320*r, 816*r, 320*r);
    ctx.closePath();
    ctx.moveTo(384*r, 896*r);
    ctx.lineTo(288*r, 896*r);
    ctx.lineTo(256*r, 448*r);
    ctx.lineTo(384*r, 448*r);
    ctx.lineTo(384*r, 896*r);
    ctx.closePath();
    ctx.moveTo(576*r, 896*r);
    ctx.lineTo(448*r, 896*r);
    ctx.lineTo(448*r, 448*r);
    ctx.lineTo(576*r, 448*r);
    ctx.lineTo(576*r, 896*r);
    ctx.closePath();
    ctx.moveTo(736*r, 896*r);
    ctx.lineTo(640*r, 896*r);
    ctx.lineTo(640*r, 448*r);
    ctx.lineTo(768*r, 448*r);
    ctx.lineTo(736*r, 896*r);
    ctx.closePath();
    ctx.fill();

    return canvas.toDataURL('image/png');
}


export { RemoveImage };